<template>
    <view class="statistics-items">
        <view v-if="data?.data1">
            <up-image :src="data.data1" :width="35" :height="35" />
        </view>
        <view class="flex flex-col gap-[8px] text-[13px]">
            <view class="text-[#5A6773] font-bold">{{ data?.data2 }}</view>
            <view>
                <text>{{ data?.data3 }}</text>
                <text v-if="data?.data4" class="text-[#5A6773]">{{ data.data4 }}</text>
                <text
                    v-if="data?.data5"
                    :style="data.data5_color ? 'color:' + data.data5_color : ''"
                    class="font-bold ml-[8px]"
                >
                    {{ data.data5 }}
                </text>
            </view>
        </view>
    </view>
</template>
<script setup>
defineProps({
    data: {
        type: Object,
        required: true
    },
    special: {
        type: Boolean,
        default: false
    }
})
</script>
